HTMLify

const displayJoke = document.getElementById("display-joke");
const button = document.getElementById("getJoke");

button.addEventListener("click", getRandomJoke);

function getRandomJoke() {
  const ajax = new XMLHttpRequest();
  const url = "https://api.chucknorris.io/jokes/random";
  ajax.open("GET", url, true);

  ajax.onreadystatechange = () => {
    if (ajax.status === 200 && ajax.readyState === 4) {
      let data = JSON.parse(ajax.responseText);
      displayJoke.innerHTML = `${data.value}`;
    } else {
      ajax.onerror = onerror();
    }
  };

  ajax.send();
}

function onerror() {
  displayJoke.textContent = `Something Went Wrong :(`;
}